@import '/css-modules/variable/common';

.san-tabs {
    width: auto;
    background-color: @main-bk;
    overflow: hidden;
    .tab {
        width: auto;
        padding: 0 16px;
        display: inline-block;
        height: 64px;
        line-height: 64px;
        text-align: center;
        vertical-align: middle;
        color: @hard-font;
        font-size: @font-16;
        font-family: @font-familly-MC;
        position: relative;
        box-sizing: border-box;
        text-decoration: none;
        cursor: pointer;
        & + .tab {
            &:after {
                content: '';
                display: inline-block;
                height: 16px;
                width: 1px;
                background-color: @split-border;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto;
            }
        }
        &:before {
            content: '';
            display: inline-block;
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            margin: auto;
            height: 3px;
            width: 0;
            background-color: @basic-tab-active;
            transition: .3s;
        }
    }
    .actived {
        &:before {
            width: 78%;
        }
    }
}
.right-ctn {
    padding-right: 16px;
    display: inline-block;
    height: 65px;
    line-height: 65px;
    cursor: pointer;
    user-select: none;
}

.TabsBorderBottom{
    border-bottom: 1px solid @split-border;
}